<%-- 
    Document   : Registro
    Created on : 22-ene-2012, 18:16:48
    Author     : inftel
--%>

<%@page contentType="text/html" pageEncoding="UTF-8" errorPage="error.jsp"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="resources/js/jquery-1.4.2.min.js"> </script>
        <script type="text/javascript" src="resources/js/jquery.code.js"></script>
        <!-- 960 Grid -->
        <link rel="stylesheet" type="text/css" href="css/960/960.css"/>
        <link rel="stylesheet" type="text/css" href="css/960/reset.css"/>
        <link rel="stylesheet" type="text/css" href="css/960/text.css"/>
        <link rel="stylesheet" type="text/css" href="css/Estilos.css"/>
        <title>TelePaSOS - RegistoUsuario</title>
        <script type="text/javascript">
            $(document).ready(function() {
    
                $("#buscarUsuario").click(function() {
                    event.preventDefault();
                    $("#busquedas").toggle();
                });

                $("#estadisticas").click(function() {
                    event.preventDefault();
                    $("#subLista").toggle();
                });

             });
        </script>
    </head>
    <body>
        <jsp:include page="header.jsp"/>
        <jsp:include page="infoOperador.jsp"/>
        <div class="container_12">
            <div class="separator"></div>
            <div class="grid_9 alpha">
                <div class="titulo">REGISTRO DE USUARIO</div>
                <div class="separator"></div>
                <div id="formRegitro">
                    <div  class="grid_4 prefix_2 alpha">
                        <form action="RegistrarUsuario" method="POST" enctype="multipart/form-data">
                            <div class="form-item">
                                <div class="separator"></div>
                                <label>Nombre:</label>
                                <input type="text" name="nombre" size="20" maxlength="30" class="text"/>
                            </div>
                            <div class="form-item">
                                <label>Apellidos:</label>
                                <input type="text" name="apellidos" size="20" maxlength="45" class="text"/>
                            </div>

                            <div class="form-item">
                                <label>Direccion:</label>
                                <input type="text" name="direccion" size="20" maxlength="45" class="text"/>
                            </div>
                            <div class="form-item">
                                <label>Teléfono:</label>
                                <input type="text" name="telefono" size="20" maxlength="15" class="text"/>
                            </div>
                            <div class="form-item">
                                <input type="file" name="foto" value="Foto" accept="image/jpeg" />
                            </div>
                            <div class="separator"></div>
                            <div class="separator"></div>
                            <a href onclick="$(this).closest('form').submit(); return false" role="button" class="button">Registrar</a>                                                
                            <input type="submit" name="enviar" value="Registrar" style="visibility: hidden" role="button" aria-disabled="false"/>
                        </form>
                    </div>
                </div>
            </div>
            <div class="grid_3 omega">
                <div class="titulo">Opciones</div>
                <div class="separator"></div>
                <!-- Opciones de gestión para el operador -->
                <div id="opciones">
                    <ul class="list">
                        <li><a href="" id="estadisticas">> Estadísticas</a>
                            <ul class="list" id="subLista">
                                <li><a href="estadisticas.jsp?tipo=1">> Avisos por mes</a></li>
                                <li><a href="estadisticas.jsp?tipo=2">> Tiempo de atención</a></li>
                                <li><a href="estadisticas.jsp?tipo=3">> Tipos de aviso</a></li>
                                <li><a href="estadisticas.jsp?tipo=4">> Tipos de solución</a></li>
                            </ul>
                        </li>
                        <li><a href="" id="buscarUsuario">> Buscar usuario</a></li>
                        <li><a href="RegistroUsuario.jsp">> Dar de alta a un usuario</a></li>
                    </ul>
                    <!-- Div para las búsquedas -->
                    <div id="busquedas">
                        <form method="POST" action="BuscarUsuario">
                            <div class="form-item">
                                <label>Nombre</label>
                                <input type="text" name="nombre" class="text"/>
                            </div>
                            <div class="form-item">
                                <label>Apellidos</label>
                                <input type="text" name="apellidos" class="text"/>
                            </div>
                            <div class="form-item">
                                <label>Telefono</label>
                                <input type="text" name="telefono" class="text"/>
                            </div>
                            <a href onclick="$(this).closest('form').submit(); return false" role="button" class="button">Buscar</a>
                            <input type="submit" style="visibility: hidden" role="button" aria-disabled="false"/>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>




